<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>省广股份-首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/tamplate.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/_reset.css" />-->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1018271_mkysg5x5g6.css"/>
	</head>

<body>
	<div class="web">
		<div class="content">
			<!--头部-->
			<div class="header">
				<!--省广 红底白字-->
				<div class="H_top">
					<!--<div class="menu"><a href="index_loadrightnow.html"><img src="img/common_menu.png" /></a></div>-->
					<div class="menu"><img src="img/common_menu.png" /></div>
					
					<div class="logo_1st"><img src="img/logo.png" /></div>
					<div class="search"><img src="img/common_search.png" /></div>
				</div>
				
			</div>
			<!--中部-->
			<div class="middle">
				<!--省广股份 阿里妈妈-->
				<div class="H_mid">
					<ul>
						<li><img src="img/logo2.jpg"/></li>
						<li></li>
						<li><img src="img/alimama.jpg"/></li>
					</ul>
				</div>
				<!--图片背景部分-->
				<a href="recourse_newspublic.html">
				<div class="H_btm">
					<!--透明黑色部分-->
					<div class="H_btm_black">
						<!--包裹标题&图标功能区的盒子-->
						<div>
							<!--标题-->
							<p>省广股份携手阿里妈妈举行DT大时代 全息营销......</p>
							<!--图标功能区-->
							<ul>
								<li><i class="iconfont icon-xinheart118"> </i>120</li>
								&ensp;<li><i class="iconfont icon-yanjing"> </i>560</li>
								<li>
									<i class="iconfont icon-yuan"></i>
									<i class="iconfont icon-yuan"></i>
									<i class="iconfont icon-yuan"></i>
									<i class="iconfont icon-yuan"></i>
								</li>
								<li>12月26日 07:33:43</li>
							</ul>
						</div>	
					</div>
				</div>
				</a>
							
				<!--上部分-->
				<div class="middle_top">
					<!--上部分包裹的盒子-->
						<!--第1个盒子-->
					<div class="middle_top_sbox">
						<div class="middle_top_sbox_l">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<ul>
								<li><i class="iconfont icon-xinheart118"></i>120</li>
								<li>2小时前 [案例观点]</li>
							</ul>
						</div>
						<div class="middle_top_sbox_r"><img src="img/article_02.jpg"/></div>
					</div>
						<!--第2个盒子-->
					<div class="middle_top_sbox middle_top_sbox_2nd">
						<div class="middle_top_sbox_l">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<ul>
								<li><i class="iconfont icon-xinheart118"></i>886</li>
								<li>5小时前 [课程]</li>
							</ul>
						</div>
						<div class="middle_top_sbox_r"><img src="img/article_03.jpg"/></div>
					</div>
				
				</div>
				<!--下部分-->
				<div class="middle_btm">	
					
					<!--第一个展示盒子-->	
					<!--下部分包裹的盒子-->
					<div class="middle_btm_sbox">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<!--3图片区-->
						<div class="middle_btm_sbox_pic">
							<div><img src="img/article_04.jpg"/></div>
							<div><img src="img/article_05.jpg"/></div>
							<div><img src="img/article_06.jpg"/></div>
						</div>
						<!--点赞区-->
						<ul class="middle_btm_sbox_nav">
							<li>
								<ul class="middle_btm_sbox_nav_v">
									<li><img src="img/touxiang.png"/> </li>
									&emsp;<li>陈正光</li>&emsp;
									<li><i class="iconfont icon-pinglun2"></i> 6868</li>
									&emsp;<li><i class="iconfont icon-xinheart118"></i> 4808</li>
								</ul>
							</li>
							<li>2天前  [案例观点] </li>
						</ul>
					</div>
					
						<!--第一.1个盒子-->
					<div class="middle_top_sbox">
						<div class="middle_top_sbox_l">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<ul>
								<li><i class="iconfont icon-xinheart118"></i>6</li>
								<li>12月26日 07:33:43 [新闻]</li>
							</ul>
						</div>
						<div class="middle_top_sbox_r"><img src="img/article_07.jpg"/></div>
					</div>
						<!--第一.2个盒子-->
					<div class="middle_top_sbox middle_top_sbox_2nd">
						<div class="middle_top_sbox_l">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<ul>
								<li><i class="iconfont icon-xinheart118"></i>120</li>
								<li>12月26日 07:33:43 [项目]</li>
							</ul>
						</div>
						<div class="middle_top_sbox_r"><img src="img/article_08.jpg"/></div>
					</div>
					
					<!--第二个展示盒子-->	
					<!--下部分包裹的盒子-->
					<div class="middle_btm_sbox">
						<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
						<!--3图片区-->
						<div class="middle_btm_sbox_pic">
							<div><img src="img/article_09.jpg"/></div>
							<div><img src="img/article_10.jpg"/></div>
							<div><img src="img/article_11.jpg"/></div>
						</div>
						<!--点赞区-->
						<ul class="middle_btm_sbox_nav">
							<li>
								<ul class="middle_btm_sbox_nav_v">
									<li><img src="img/touxiang.png"/> </li>
									&emsp;<li>陈正光</li>&emsp;
									<li><i class="iconfont icon-pinglun2"></i> 6868</li>
									&emsp;<li><i class="iconfont icon-xinheart118"></i> 4808</li>
								</ul>
							</li>
							<li>2天前  [案例观点] </li>
						</ul>
					</div>
				
						<!--第二.1个盒子-->
					<div class="middle_top_sbox">
						<div class="middle_top_sbox_l">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<ul>
								<li><i class="iconfont icon-xinheart118"></i>6</li>
								<li>12月26日 07:33:43 [新闻]</li>
							</ul>
						</div>
						<div class="middle_top_sbox_r"><img src="img/article_12.jpg"/></div>
					</div>
						<!--第二.2个盒子-->
					<div class="middle_top_sbox">
						<div class="middle_top_sbox_l">
							<p>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</p>
							<ul>
								<li><i class="iconfont icon-xinheart118"></i>120</li>
								<li>12月26日 07:33:43 [项目]</li>
							</ul>
						</div>
						<div class="middle_top_sbox_r"><img src="img/article_13.jpg"/></div>
					</div>
						
					<!--加载更多-->
					<p class="loadmore">加载更多</p>
				</div>
			</div>
			
		</div>
			
				
		<!--底部-->
		<div class="footer">
				<ul class="F_nav">
					<li><a href="index.html">
						<div><img src="img/02home_r.png"/></div>
						首页
				</a></li>
					<li><a href="GIMC_introduction.html">
						<div><img src="img/03GIMC_g.png"/></div>
						GIMC
				</a></li>
					<li><a href="article_product.html">
						<div><img src="img/05article_g.png"/></div>
						文章
				</a></li>
					<li><a href="recourse_tencent.html">
						<div><img src="img/07resou_g.png"/></div>
						资源
				</a></li>
					<li><a href="college_course.html">
						<div><img src="img/09college_g.png"/></div>
						学院
				</a></li>
				</ul>
			</div>
			
	</div>
	<!--弹出立即登陆-->
	<div class="web_mune  web_muneA">
		<!--头部-->
		<div class="header1">
			<!--包裹盒子-->
			<div class="H_box">
				<div class="H_box_l"><img src="img/login_close.png" class="loadnow_close"/></div>
				<div class="H_box_r">
					<img src="img/fangdajing.png"/>
					<input type="text" id="Search" value="Search" />
				</div>
			</div>
		</div>
		<!--中部-->
		<div class="middle1" style="padding: 14% 0 8%;">
			<!--头像-->
			<div class="portrait_loginow "><img src="img/mx-nologin.png"/></div>
			<!--立即登陆-->
			<ul class="persondata">
				<li class="loadingnow">立即登陆</li>
				<li><a href="#" style="font-size: 12px; color: gray;text-decoration: underline;line-height: 20px;">忘记密码</a></li>
			</ul>
			
		</div>
		<!--底部-->
		<div class="footer1">
			<!--杂色-->
			<div class="blank"></div>
			<!--选项栏-->
			<ul class="footer1_nav">
				<!--GIMC-->
				<li>
					<input type="checkbox" id="footer1_nav_A"/>
					<label for="footer1_nav_A"><span>GIMC</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>省广介绍</li>
						<li>新闻资讯</li>
					</ul>
				</li>
				<!--文章-->
				<li>
					<input type="checkbox" id="footer1_nav_B"/>
					<label for="footer1_nav_B"><span>文章</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>优秀文章</li>
						<li>文章收益</li>
					</ul>
				</li>
				<!--资源-->
				<li>
					<input type="checkbox" id="footer1_nav_C"/>
					<label for="footer1_nav_C"><span>资源</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>百度云盘</li>
						<li>资源共享</li>
					</ul>
				</li>
				<!--课程-->
				<li>
					<input type="checkbox" id="footer1_nav_D"/>
					<label for="footer1_nav_D"><span>课程</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>超级课程</li>
						<li>主要课程</li>
					</ul>
				</li>
			
			</ul>
			<!--退出-->
			<div class="footer1_out"><button class="loadnowout">退出</button></div>
		</div>
	</div>
	<div class="web_mune  web_muneB">
		<!--头部-->
		<div class="header1">
			<!--包裹盒子-->
			<div class="H_box">
				<div class="H_box_l"><img src="img/login_close.png" class="loaded_close"/></div>
				<div class="H_box_r">
					<img src="img/fangdajing.png"/>
					<input type="text" id="Search" value="Search" />
				</div>
			</div>
		</div>
		<!--中部-->
		<div class="middle1">
			<!--头像-->
			<div class="portrait"><img src="img/portrait.png"/></div>
			<!--个人信息-->
			<ul class="persondata">
				<li>
					<ul class="persondata_top">
						<li>陈小敏</li>
						<li>个人中心 &gt;</li>
					</ul>
				</li>
				<li>
					<img src="img/star.png"/>
					<img src="img/star.png"/>
					<img src="img/star.png"/>
					<img src="img/star.png"/>
				</li>
				<li>
					<ul class="persondata_btm">
						<li><a href="">关注</a> 36&nbsp;</li>
						<li><a href="">粉丝</a> 290</li>
					</ul>
				</li>
			</ul>
			<!--我的收藏 我的发布-->
			<div>
				<input type="button"  class="coletrles collect" value="我的收藏" />
				<input type="button"  class="coletrles release" value="我的发布" />
			</div>
		</div>
		<!--底部-->
		<div class="footer1">
			<!--杂色-->
			<div class="blank"></div>
			<!--选项栏-->
			<ul class="footer1_nav">
				<!--GIMC-->
				<li>
					<input type="checkbox" id="footer1_nav_AA"/>
					<label for="footer1_nav_AA"><span>GIMC</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>省广介绍</li>
						<li>新闻资讯</li>
					</ul>
				</li>
				<!--文章-->
				<li>
					<input type="checkbox" id="footer1_nav_BB"/>
					<label for="footer1_nav_BB"><span>文章</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>优秀文章</li>
						<li>文章收益</li>
					</ul>
				</li>
				<!--资源-->
				<li>
					<input type="checkbox" id="footer1_nav_CC"/>
					<label for="footer1_nav_CC"><span>资源</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>百度云盘</li>
						<li>资源共享</li>
					</ul>
				</li>
				<!--课程-->
				<li>
					<input type="checkbox" id="footer1_nav_DD"/>
					<label for="footer1_nav_DD"><span>课程</span><span></span>&gt;</label>
					<ul class="footer1_nav_v">
						<li>超级课程</li>
						<li>主要课程</li>
					</ul>
				</li>
			
			</ul>
			<!--退出-->
			<div class="footer1_out"><button class="loadedout">退出</button></div>
		</div>
	</div>
	<!--登陆界面-->
	<div class="web_boxbaba">
		<div class="web_box">
		<!--logo-->
		<div class="web2_logo"><img src="img/login04.png"/></div>
		<!--账号密码-->
		<div class="web2_data">
			<!--账号-->
			<div class="share">
				<!--人图标-->
				<div class="ico_share"><img src="img/login05.png"/></div>
				<!--input-->
				<input type="text" name="acct" class="input_share" placeholder="请输入已验证的手机号或邮箱" />
			</div>
			<!--密码-->
			<div class="share">
				<!--锁图标-->
				<div class="ico_share"><img src="img/login06.png"/></div>
				<!--input-->
				<input type="password" name="psw" class="input_share" placeholder="请输入密码" />
			</div>
			<!--忘记密码-->
			<div class="forget">
				<!--问号图标-->
				<div class="ico_qsmark"><img src="img/login07.png"/></div>
				<!--忘记密码字-->
				<p>忘记密码</p>
			</div>
		</div>
		<!--登陆 注册 按钮-->
		<button class="btnload">登陆</button>
		<button class="rgs"><a href="">注册</a></button>
	</div>
	
	</div>
	<!--搜索框-->	
	<div class="web_search">
		<!--头部-->
		<div class="header1">
			<!--包裹盒子-->
			<div class="H_box">
				<div class="H_box_r">
					<img src="img/fangdajing.png"/>
					<input type="text" id="Search" value="Search" />
				</div>
				<div class="H_box_l searchback">取消</div>
			</div>
		</div>
		<!--热搜 搜索历史区域-->
		<div class="search_area">
			<p>热搜</p>
			<ul class="search_area_ed">
				<li>项目管理</li>
				<li>移动互联网</li>
				<li>O2O联转化</li>
				<li>O2O</li>
				<li>媒介平台</li>
				<li>细分平台业务</li>
				<li>项目管理</li>
				<li>移动互联网</li>
				<li>O2O联转化</li>
			</ul>
		</div>

		<!--动态改变根元素字体大小-->
		<script type="text/javascript">
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if(!clientWidth) return;
				document.documentElement.style.fontSize = 100 * (clientWidth / 640) + 'px';
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if(!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false);
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>

		<!--<script type="text/javascript">
			window.onload=function(){
				var webMuneA=document.querySelector('.web_muneA');
				var webMuneB=document.querySelector('.web_muneB');
				var webRegiser=document.querySelector('.web_boxbaba');
				
				var btnMune=document.querySelector('.menu');
				var btnLoadNowClo=document.querySelector('.loadnow_close');
				var btnLoadedClo=document.querySelector('.loaded_close');
				var btnLoad=document.querySelector('.btnload');
				var btnLoadnowOut=document.querySelector('.loadnowout');
				var btnLoadedOut=document.querySelector('.loadedout');
				var btnLoadingNow=document.querySelector('.loadingnow');
				
				//注册界面
				btnLoad.onclick=function(){
					webRegiser.style.display="none";
					webMuneB.style.display="block";
				}
				//第一个界面
				btnLoadingNow.onclick=function(){
					webRegiser.style.display="block";
					webMuneA.style.transform="translateX(-100%)";
					webMuneA.style.transition="all .8s";
				}
				//弹出第一个界面
				btnMune.onclick=function(){
					webMuneA.style.transform="translateX(100%)";
					webMuneA.style.transition="all .7s";
				}
				//第一个界面
				btnLoadNowClo.onclick=function(){
					webMuneA.style.transform="translateX(-100%)";
					webMuneA.style.transition="all .8s";
				}
				btnLoadnowOut.onclick=function(){
					webMuneA.style.transform="translateX(-100%)";
					webMuneA.style.transition="all .8s";
				}
				//第三个界面
				btnLoadedClo.onclick=function(){
					webMuneB.style.display="none";
				}
				btnLoadedOut.onclick=function(){
					webMuneB.style.display="none";
				}	
				
			}
		</script>-->
		<script src="pop.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>